<!DOCTYPE html>
<html lang="en">
<head>
	{{template "pc/public/mycss.html" .}}
</head>
<style type="text/css">
	#wrapper{
		background: #f5f5f5!important;
	}
	.header-center{
		background: #fff;
	}
	.user_left{
		background: #fff;
	}
	.fenlei{
		width: 20%;
	}
	
	@media (max-width: 992px){
		.fenlei{
		    width: 100%;
		}
	}
	.ooverpl1{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
</style>
<body class="common-home res layout-home1">
<div id="wrapper" class="wrapper-full banners-effect-7">
	<!-- Header Container  -->
	{{template "pc/public/head.html" .}}
	{{template "pc/public/mytop.html" .}}
	<div class="main-container container">
		<div class="row mb-50">
			<!--Left Part Start -->
			{{template "pc/public/myleft.html" .}}
			<!--Middle Part Start-->
			<div id="content" class="col-md-10 col-sm-8 right">
				<div class="user-right">
					<div class="asset-left">
						<a href="/my/info">
							<img class="pic" src="{{.info.pathname}}">
						</a>
						<div>
							<h1 class="overpl1">{{.info.monicker}}</h1>
							<p>
								<span>{{.info.vname}}</span>
								<img src="{{.info.vpath}}">
							</p>
							<span>{{.info.mobile}}</span>
						</div>
					</div>
					<div class="asset-center">
						<div class="left">
							<div>
								<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/pc/img/integral.png">
								<span>{{.info.integral}}</span>
							</div>
							<p>积分</p>
							<a href="/my/integral">积分商城</a>
						</div>
						<div class="right">
							<div>
								<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/pc/img/coupon.png">
								<span>{{.coupon}}</span>
							</div>
							<p>优惠券</p>
							<a href="/my/coupon">我的优惠券</a>
						</div>
					</div>
					<div class="asset-right">
						<a href=""></a>
					</div>
				</div>
				<div class="clear vip">
					<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/pc/img/pc/imgs/babout.jpg">
				</div>
				<div class="myorder">
					<div class="myorder_left">
						<h1>我的订单<a href="/my/order">全部订单></a></h1>
						<div class="order">
							<ul>
								<li class="on"><a href="/my/order?status=1"><i></i>待付款<span>{{.order1}}</span></a></li>
								<li><a href="/my/order?status=2"><i></i>待发货<span>{{.order2}}</span></a></li>
								<li><a href="/my/order?status=3"><i></i>待收货<span>{{.order3}}</span><em></em></a></li>
								<li><a href="/my/order?status=4"><i></i>待评价<span>{{.order4}}</span><em></em></a></li>
								<li><a href="/my/order?status=6"><i></i>退换货<span></span><em></em></a></li>
							</ul>
							{{if .order}}
							<div class="list">
								{{range .order.shopcar}}
								<div>
									<a class="item_img" href=""><img src="{{.pathname}}"></a>
									<div class="item_main">
										<a href="/product/content?id={{.pid}}">
											<p class="overpl2">{{.title}}</p>
											<span class="c-999">￥{{.price}} x {{.num}}</span>
										</a>
									</div>
								</div>
								{{end}}
								<ol class="item_opt">
									<p><span>订单号：</span>{{.order.ordernum}}</p>
									<p><span>待付款</span></p>
									<!-- <p><a href="/my/order/pay?id={{.order.id}}">去支付</a></p> -->
								</ol>
							</div>
							{{if ne $.order11 "0"}}
							<div class="lock">
								<a href="/my/order?status=1">查看剩余
									<em class="orange-txt">{{$.order11}}</em>个订单
									<i class="point-to-down"></i>
								</a>
							</div>
							{{else}}
							<div class="lock"></div>
							{{end}}
							{{else}}
							<div style="padding: 30px;" class="clear tx-c">
								<img class="mr-20" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/pc/img/pc/imgs/no-info.png">
								<a class="c-999" href="/">您还没有待付款的订单，快去挑选适合的商品吧！</a>
							</div>
							{{end}}
						</div>
						<h6>我的收藏<a href="/my/collect">全部收藏></a></h6>
						<div class="order">
							<ul>
								<li class="on"><a href="/my/collect">我关注的商品 ({{.collectnum}})</a></li>
								<li><a href="/my/focus">我关注的店铺 ({{.focus}})</a></li>
							</ul>
							<div class="clear">
								<div class="related titleLine products-list grid mt-10">
									{{if .collect}}
									<ul class="releate-products ">
										{{range .collect}}
										<li class="product-layout">
											<a href="/product/content?id={{.id}}">
												<img src="{{.pathname}}">
												{{if .vprice}}
												<p class="c-000">￥{{.vprice}}<span>会员价</span></p>
												<span class="c-999">原价 : ￥{{.price}}</span>
												{{else}}
												<p class="c-000">￥{{.price}}</p>
												{{end}}
											</a>
										</li>
										{{end}}
									</ul>
									{{else}}
									<div style="padding: 30px;" class="clear tx-c">
										<img class="mr-20" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/pc/img/pc/imgs/no-info.png">
										<a class="c-999" href="/">您还没有收藏的商品，快去挑选适合的商品吧！</a>
									</div>
									{{end}}
								</div>
							</div>
						</div>
					</div>
					<div class="myorder_right">
						<ul class="recommend">
							<h1>我的足迹</h1>
							{{range .foot}}
							<li>
								<a href="/product/content?id={{.id}}">
									<img src="{{.pathname}}">
									<p class="overpl1">{{.title}}</p>
									<p class="overpl1">￥ {{if .vprice}}{{.vprice}}{{else}}{{.price}}{{end}}</p>
								</a>
							</li>
							{{end}}
						</ul>
						<a class="more" href="/my/foot">浏览更多</a>
					</div>
				</div>
				<div class="clear liketitle">
					<h1>大家都在买<span id="change">换一批</span></h1>
					<ul id="recommend">
						{{range .recommend}}
						<li>
			                <a href="/product/content?id={{.id}}">
			                    <img src="{{.pathname}}">
			                    <p class="ooverpl1">{{.title}}</p>
			                    <p class="c-999"><span>￥ {{if .vprice}}{{.vprice}}{{else}}{{.price}}{{end}}</span></p>
			                </a>
			            </li>
			            {{end}}
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Footer Container -->
{{template "pc/public/foot.html" .}}
{{template "pc/public/myfoot.html" .}}
</body>
</html>
<script type="text/javascript">
	var page=2
	$('#change').click(function(){
		$.ajax({
			url:window.location.href,
			data:{page:page},
			success(res){
				if(res){
					page+=1
					var html='';
					for(var i=0;i<res.length;i++){
						html+=`<li>
			                <a href="/product/content?id=`+res[i].id+`">
			                    <img src="`+res[i].pathname+`">
			                    <p class="ooverpl1">`+res[i].title+`</p>
			                    <p class="c-999"><span>￥ `
			                   if(res[i].vprice){
			                   	html+=res[i].vprice
			                   }else{
			                   	html+=res[i].price
			                   }
			                html+=`</span></p></a> </li>`
					}
					$('#recommend').html(html)
				}
			}
		})
	})
</script>